<template>
    <div>
        <div class="block">
      <el-divider></el-divider>
      <h2>/我的日记/</h2>
      <el-divider></el-divider>
  <el-timeline>
    <el-timeline-item timestamp="2022/5/26" placement="top">
      <el-card>
        <h4>1.今天学习了axios,学不太懂，有点头疼</h4>
        <h4>2.完善了个人主页内容，加了/我的收藏学习篇/</h4>
      </el-card>
    </el-timeline-item>
    <el-timeline-item timestamp="2022/5/27" placement="top">
      <el-card>
        <h4>今天要完成毕业设计和论文，go!</h4>
      </el-card>
    </el-timeline-item>
    <el-timeline-item timestamp="暂无日期" placement="top">
      <el-card>
        <h4>暂无内容</h4>
      </el-card>
    </el-timeline-item>
  </el-timeline>
  <el-skeleton
        :rows="3"
        animated
        style="text-align: left; margin: 20px 0"
      />
</div>
    </div>
</template>

<style lang="less" scoped>
h2{
    font-size: 30px;
  font-family: "Times New Roman", Times, serif;
  color: hsl(227, 31%, 58%);
}
.el-card{
    text-align: left;
}
</style>

<script>
export default{
    name: 'vueDiary',
    data() {
        return {}
    }
}
</script>